<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

<h:body>
	<ui:composition template="/pages/template.xhtml">

		<ui:define name="conteudo">
			<p:outputPanel style="width:1080px;border:none;">
				<p:separator style="width:1079px;height:20px"></p:separator>
				<h1 align="center">
					<h:outputLabel value="#{vitrineBean.produto.nome}" />
				</h1>
				<p:separator style="width:1079px;height:20px"></p:separator>
				<br></br>
				<!-- Formar a primeira tabela para separar a imagem do resto -->
				<p:panelGrid styleClass="semBorda" >
					<p:row>
						<p:column>
							<!-- Mostrar a imagem que foi pega pelo Crawler e esta salva somente o link -->
							<p:graphicImage value="#{vitrineBean.produto.imagem}" width="300px"
								alt="#{vitrineBean.produto.nome}" rendered="#{vitrineBean.produto.pegoEmSite == 'true'}"/>
								
							<!-- Mostrar a imagem que esta salva no servidor -->
							<p:graphicImage value="../image/#{vitrineBean.produto.imagem}" width="300px"
								alt="#{vitrineBean.produto.nome}" rendered="#{vitrineBean.produto.pegoEmSite == ' '}" />
						</p:column>
						<p:column style="width:800px;">
							<h:form id="form_detalhe">
								<p:messages id="message_qtde"></p:messages>
								 Preco: R$ <p:spacer width="5px"/>
								 <h:outputLabel value="#{vitrineBean.produto.precoMaisBarato}">
									<f:converter converterId="valorConverter"></f:converter>
									<f:convertNumber minFractionDigits="2" locale="PT_BR"></f:convertNumber>
								</h:outputLabel>
								
								<p:spacer width="20px" />
								<p:inputText value="#{carrinhoBean.qtde}" id="qtde_produto"
									validatorMessage="Quantidade invalida!"
									converterMessage="Numero invalido" required="true"
									requiredMessage="Informe uma quantidade" maxlength="3">
									<f:validateLength minimum="1" maximum="3"></f:validateLength>
									<f:convertNumber integerOnly="true" minIntegerDigits="1"></f:convertNumber>
									<f:validateDoubleRange minimum="1" maximum="999"></f:validateDoubleRange>
								</p:inputText>
	
								<p:commandButton action="#{carrinhoBean.addCarrinho}"
									ajax="false" value="Adicionar"
									update="@form :form_carrinho:total">
									<f:setPropertyActionListener target="#{carrinhoBean.id}"
										value="#{vitrineBean.produto.id}"></f:setPropertyActionListener>
								</p:commandButton>
							</h:form>
							<!-- Tabela dos anunciantes que possuem o produto -->
							<p:dataTable var="produtosAnunciantes" emptyMessage="Nenhum anunciante para o produto"
								value="#{vitrineBean.listProdutoAndAnunciante}">
								<f:facet name="header">
									<h:outputText value="Preço nos Anunciantes" />
								</f:facet>
								<p:column>
									<f:facet name="header">Anunciante:</f:facet>
									<h:outputText
										value="#{produtosAnunciantes.anunciante.razaoSocial}"
										id="razaoSocial" />
								</p:column>
								<p:column>
									<f:facet name="header">Bairro:</f:facet>
									<h:outputText
										value="#{produtosAnunciantes.anunciante.endereco.bairro}"
										id="bairro" />
								</p:column>
								<p:column>
									<f:facet name="header">Preco de:</f:facet>
									R$ <p:spacer width="3px"/>
									<h:outputLabel value="#{produtosAnunciantes.precoDe}">
										<f:converter converterId="valorConverter"></f:converter>
										<f:convertNumber minFractionDigits="2" locale="PT_BR"></f:convertNumber>
									</h:outputLabel>
								</p:column>
								<p:column>
									<f:facet name="header">Preco por:</f:facet>
									R$ <p:spacer width="3px"/>
									 <h:outputLabel value="#{produtosAnunciantes.precoPor}">
										<f:converter converterId="valorConverter"></f:converter>
										<f:convertNumber minFractionDigits="2" locale="PT_BR"></f:convertNumber>
									</h:outputLabel>
								</p:column>
								<p:column>
									<f:facet name="header">Data do Anuncio:</f:facet>
									<h:outputText value="#{produtosAnunciantes.dataAnuncio}" id="dataAnuncio">
										<f:convertDateTime pattern="dd/MM/yyyy"/>
									</h:outputText>
								</p:column>
								<p:column>
									<f:facet name="header">Data de validade:</f:facet>
									<h:outputText value="#{produtosAnunciantes.dataValidadeAnuncio}" id="dataValidadeAnuncio">
										<f:convertDateTime pattern="dd/MM/yyyy"/>
									</h:outputText>
								</p:column>
								<c:if test="#{produtosAnunciantes.url != null}">
									<p:column>
											<a href="#{produtosAnunciantes.url}"  target="_blank" >Ir para loja</a>
									</p:column>
								</c:if>
							</p:dataTable>
						</p:column>
					</p:row>
					<p:row>
						<p:column colspan="2">
							<br></br><br></br>
							<h:outputLabel value="Detalhes do Produto:"/><br></br>
							<h:outputText value="#{vitrineBean.produto.descricaoProduto}" id="descricaoProduto" />
						</p:column>
					</p:row>
				</p:panelGrid>
			</p:outputPanel>

		</ui:define>
	</ui:composition>
</h:body>
</html>